
<div class="form-group">
        <div class="col-sm-2 control-label">背景颜色</div>
        <div class="col-sm-4">
            <div class="input-group input-group-sm">
                <input class="form-control input-sm diy-bind color" ng-model="pagedata.editdata.background" type="color" />
                <span class="input-group-addon btn btn-info" ng-click="pagedata.editdata.background='#f1f1f2'">重置</span>
            </div>
        </div>
    </div>

    <div class="form-group">
        <div class="col-sm-2 control-label">输入框背景</div>
        <div class="col-sm-4">
            <div class="input-group input-group-sm">
                <input class="form-control input-sm diy-bind color" ng-model="pagedata.editdata.inputbackground" type="color" />
                <span class="input-group-addon btn btn-info" ng-click="pagedata.editdata.inputbackground='#ffffff'">重置</span>
            </div>
        </div>
    </div>

    <div class="form-group">
        <div class="col-sm-2 control-label">文字颜色</div>
        <div class="col-sm-4">
            <div class="input-group input-group-sm">
                <input class="form-control input-sm diy-bind color" ng-model="pagedata.editdata.color" type="color" />
                <span class="input-group-addon btn btn-info" ng-click="pagedata.editdata.inputbackground='#999999'" >重置</span>
            </div>
        </div>
    </div>

    <div class="form-group">
        <div class="col-sm-2 control-label">图标颜色</div>
        <div class="col-sm-4">
            <div class="input-group input-group-sm">
                <input class="form-control input-sm diy-bind color" ng-model="pagedata.editdata.iconcolor" type="color" />
                <span class="input-group-addon btn btn-info" ng-click="pagedata.editdata.inputbackground='#b4b4b4'">重置</span>
            </div>
        </div>
    </div>

    <div class="form-group">
        <div class="col-sm-2 control-label">提示文字</div>
        <div class="col-sm-10">
            <input class="form-control input-sm diy-bind" placeholder="请输入提示文字(不填则不显示，最长20字)" ng-model="pagedata.editdata.placeholder" maxlength="20" />
        </div>
    </div>

    <div class="form-group">
        <div class="col-sm-2 control-label">上下边距</div>
        <div class="col-sm-10">
            <div class="form-group">
                <div class="slider col-sm-8" data-model="pagedata.editdata.paddingtop" data-min="0" data-max="30"></div>
                <div class="col-sm-4 control-labe count"><span>{{pagedata.editdata.paddingtop}}</span>px(像素)</div>
            </div>
        </div>
    </div>
    <div class="form-group">
        <div class="col-sm-2 control-label">左右边距</div>
        <div class="col-sm-10">
            <div class="form-group">
                <div class="slider col-sm-8" data-model="pagedata.editdata.paddingleft" data-min="0" data-max="30"></div>
                <div class="col-sm-4 control-labe count"><span>{{pagedata.editdata.paddingleft}}</span>px(像素)</div>
            </div>
        </div>
    </div>

    <div class="form-group">
        <div class="col-sm-2 control-label">搜索框样式</div>
        <div class="col-sm-10">
            <label class="radio-inline"><input type="radio" name="searchstyle" value="" class="diy-bind" ng-checked="pagedata.editdata.searchstyle==''" ng-model="pagedata.editdata.searchstyle" > 方形</label>
            <label class="radio-inline"><input type="radio" name="searchstyle" value="radius" class="diy-bind" ng-checked="pagedata.editdata.searchstyle=='radius'" ng-model="pagedata.editdata.searchstyle"> 圆角</label>
            <label class="radio-inline"><input type="radio" name="searchstyle" value="round" class="diy-bind" ng-checked="pagedata.editdata.searchstyle=='round'" ng-model="pagedata.editdata.searchstyle"> 圆弧</label>
        </div>
    </div>

    <div class="form-group">
        <div class="col-sm-2 control-label">文字对齐</div>
        <div class="col-sm-10">
            <label class="radio-inline"><input type="radio" name="textalign" value="left" class="diy-bind" ng-checked="pagedata.editdata.textalign=='left'" ng-model="pagedata.editdata.textalign" > 居左</label>
            <label class="radio-inline"><input type="radio" name="textalign" value="center" class="diy-bind" ng-checked="pagedata.editdata.textalign=='center'" ng-model="pagedata.editdata.textalign"> 居中</label>
            <label class="radio-inline"><input type="radio" name="textalign" value="right" class="diy-bind" ng-checked="pagedata.editdata.textalign=='right'" ng-model="pagedata.editdata.textalign"> 居右</label>
        </div>
    </div>
<div class="form-group">
	<div class="col-sm-2 control-label">搜索字段</div>
	<div class="input-group" style="margin-top:10px; margin-bottom:0px; ">
		<input type="text" class="form-control input-sm diy-bind" placeholder="请选择字段" ng-model="pagedata.editdata.field" />
		<span class="input-group-addon btn btn-default" ng-click="pagedata.choose_field(pagedata.editdata,'field')">选择字段</span>
	</div>
</div>